<!-- 以下内容为Vue3语法的组合式API写法 -->
<template>
  <Person a="哈哈" :list="personData" />
</template>

<script lang="ts" setup>
import Person from './components/Person.vue';
import { type Persons } from '@/types';


let personData: Persons = [
  { id: 5, name: '张三', age: 18 },
  { id: 5, name: '李四', age: 38 },
  { id: 5, name: '王五' }
]
</script>

<style>
/* 组件样式 */
.app {
  background-color: #ddd;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}
</style>
